<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="author" content="奇沃云科技"/>
    	<title>深游</title>
	    <link rel="stylesheet" type="text/css" href="../css/publice.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
	    <script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script>
	    <script>
	    	var navNum='3'
	    </script>
	</head>
	<body>
		<header id="header">
		  <aside class="maxWidth">
    		<div class="logo"><a href="../index.html"><img src="../img/login.png"/></a></div>
    		<div class="right">
    			<nav class="menu">
    				<ul>
    					<li id="sMenu1"><a href="../index.html"><span>首页</span></a></li>
    					<li id="sMenu2"><a href="../index.html#index_list1"><span>目的地</span></a></li>
    					<li id="sMenu3"><a href="../topic/topic.html"><span>特别专题</span></a></li>
    					<li id="sMenu4"><a href="javascript:void(0);"><span>关于我们</span></a>
    						<dl>
    							<!--<dd  id="sSecond4_1"><a href="../about/article.html">文章列表</a></dd>-->
    							<dd  id="sSecond4_2"><a href="../about/brand.html">品牌简介</a></dd>
    							<dd  id="sSecond4_3"><a href="../about/operation.html">合作咨询</a></dd>
    						</dl>
    					</li>
    					<!--<li><a href="#footer"><span>微信微博</span></a></li>-->
    					<li id="sMenu5"><a href="../about/article.html"><span>文章列表</span></a></li>
    				</ul>
    			</nav>
    			<div class="top_login">
    				<a href="javascript:void(0);" class="login loginTop">登录</a>
    				<span class="login_line">|</span>
    				<a href="javascript:void(0);" class="resign resignTop">注册</a>
    			</div>
    			<div class="search">
    				<input type="text" class="search_text" />
    				<span class="search_icon"></span>
    			</div>
    		</div>	
		</aside>
	</header>
	<!--手机站导航 start-->
	<header class="mobile">
		<aside class="mobile_top">
			<a href="javascript:void(0);" class="logo"><img src="../img/login.png"/></a>
			<span class='mobile_menu_icon'>
				<span></span>
				<span></span>
			</span>
		</aside>
		<aside class="mobile_menu">
			<ul>
				<li id="sMenu1">
					<a href="../index.html">首页</a>
				</li>
				<li id="sMenu2">
					<a href="../index.html#index_list1">目的地</a>
				</li>
				<li id="sMenu3">
					<a href="../topic/topic.html">特别专题</a>
				</li>
				<li class="nextChildren"  id="sMenu4">
					<a href="javascript:void(0);">关于我们</a>
					<dl>
						<!--<dd id="sSecond4_1"><a href="../about/article.html">文章列表</a></dd>-->
						<dd id="sSecond4_2"><a href="../about/brand.html">品牌简介</a></dd>
						<dd id="sSecond4_3"><a href="../about/operation.html">合作咨询</a></dd>
					</dl>
				</li>
				<li id="sMenu5">
					<a href="../about/article.html">文章列表</a>
				</li>
				<li class="loginTop">
					<a href="javascript:void(0);">登录</a>
				</li>
				<li class="resignTop">
					<a href="javascript:void(0);">注册</a>
				</li>
			</ul>
		</aside>
	</header>
	<!--手机站导航 end-->
	<!--注册弹窗 start-->
	<section class="loginProp" id="resignProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeResign"><img src="../img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="../img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户名</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名"/></dd>
					</dl>
					<dl>
						<dt>邮箱</dt>
						<dd><input type="text" class="text" placeholder="可用于登录和找回密码"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<dl>
						<dt>确认密码</dt>
						<dd><input type="password" class="text" placeholder="重新填写密码"/></dd>
					</dl>
					<dl class="w100">
						<dd>
							<input type="text" class="text smallText" placeholder="填写邮箱中收到的验证码" />
							<button type="button" class="btn yzm">获取邮箱验证码</button>
						</dd>
					</dl>
					<div class="loginCheck">
						<div class="checklabel">						
							<input type="checkbox" class="checkbox" />
							<span class="check_span"></span>
						</div>
						<p>同意<a href="../other/service.html" target="_blank">《服务协议》</a>、<a href="../other/privacy.html" target="_blank">《隐私保护声明》</a></p>
					</div>
					<a href="../person/person.html" class="btn_resign resign">注册</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--注册弹窗 end-->
	<!--登录弹窗 start-->
	<section class="loginProp" id="loginProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeloginProp"><img src="../img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="../img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名或邮箱"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<a href="../person/person.html" class="btn_resign btn_login">登录</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--登录弹窗 end-->
		<section class="topic topic1">
			<div class="topic_main">
				<img src="../img/topic/topic1.jpg" class="topic_pic" />
				<div class="topic_text">
					<h3 class="big_title">城市探索</h3>
					<h4 class="small_title">点击图片进行探索</h4>
				</div>
			</div>
			<!--第一个主题点击出现的列表 start-->
			<aside class="index_side index_side2 topic1_side">
				<h3 class="h3">城市探索</h3>
				<aside class="maxWidth">
					<div class="tabList">
						<a href="javscript:void(0);" class="active">城市探索分享</a>
					</div>
					<aside class="tabMain">
						<div class="tab tab1">
							<ul>
								<li>
									<div class="pic">
										<a href="../destination/destination_detail1.html">
											<img src="../img/destination/destination2_1.jpg"/>
											<div class="theme">
												<h4 class="theme_title">咖喱鱼蛋</h4>
												<h5 class="theme_sub_title">味蕾上的绝妙体验</h5>
											</div>
										</a>
									</div>
									<div class="pic_bottom">
										<div class="left">
											<a href="../destination/destination_detail1.html">
											 <span>最新文章</span>
											 <h6 class="title">香港网红打卡美食Top10</h6>
											</a>
										</div>
										<div class="share">
											<div class="bdsharebuttonbox">
												<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
												<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
												<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
											</div>
											<div class="time">2019.2.13更新</div>
										</div>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="../destination/destination_detail1.html">
											<img src="../img/destination/destination2_1.jpg"/>
											<div class="theme">
												<h4 class="theme_title">咖喱鱼蛋</h4>
												<h5 class="theme_sub_title">味蕾上的绝妙体验</h5>
											</div>
										</a>
									</div>
									<div class="pic_bottom">
										<div class="left">
											<a href="../destination/destination_detail1.html">
											 <span>最新文章</span>
											 <h6 class="title">香港网红打卡美食Top10</h6>
											</a>
										</div>
										<div class="share">
											<div class="bdsharebuttonbox">
												<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
												<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
												<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
											</div>
											<div class="time">2019.2.13更新</div>
										</div>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="../destination/destination_detail1.html">
											<img src="../img/destination/destination2_1.jpg"/>
											<div class="theme">
												<h4 class="theme_title">咖喱鱼蛋</h4>
												<h5 class="theme_sub_title">味蕾上的绝妙体验</h5>
											</div>
										</a>
									</div>
									<div class="pic_bottom">
										<div class="left">
											<a href="../destination/destination_detail1.html">
											 <span>最新文章</span>
											 <h6 class="title">香港网红打卡美食Top10</h6>
											</a>
										</div>
										<div class="share">
											<div class="bdsharebuttonbox">
												<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
												<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
												<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
											</div>
											<div class="time">2019.2.13更新</div>
										</div>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="../destination/destination_detail1.html">
											<img src="../img/destination/destination2_1.jpg"/>
											<div class="theme">
												<h4 class="theme_title">咖喱鱼蛋</h4>
												<h5 class="theme_sub_title">味蕾上的绝妙体验</h5>
											</div>
										</a>
									</div>
									<div class="pic_bottom">
										<div class="left">
											<a href="../destination/destination_detail1.html">
											 <span>最新文章</span>
											 <h6 class="title">香港网红打卡美食Top10</h6>
											</a>
										</div>
										<div class="share">
											<div class="bdsharebuttonbox">
												<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
												<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
												<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
											</div>
											<div class="time">2019.2.13更新</div>
										</div>
									</div>
								</li>
							</ul>
							<a href="javascript:void(0);" class="more">点击探索更多城市</a>
						</div>
					</aside>
					<!--第一个主题点击出现的列表 end-->
				</aside>
			</aside>
		</section>
		<!--第一个主题 end-->
		<!--第二个主题 start-->
		<section class="topic topic2">
			<div class="topic_main">
				<img src="../img/topic/topic3.jpg" class="topic_pic" />
				<div class="topic_text">
					<h3 class="big_title">海滨度假</h3>
					<h4 class="small_title">点击图片进行探索</h4>
				</div>
			</div>
			<!--第二个主题点击出现的列表 start-->
			<aside class="index_side index_side2 topic1_side">
			  <h3 class="h3">海滨度假</h3>
			  <aside class="maxWidth">
			    <div class="tabList">
            <a href="javscript:void(0);" class="active">海滨度假分享</a>
          </div>
          <aside class="tabMain">
            <div class="tab tab1">
                <ul>
                  <li>
                    <div class="pic">
                      <a href="../destination/destination_detail1.html">
                        <img src="../img/destination/destination2_1.jpg"/>
                        <div class="theme">
                          <h4 class="theme_title">咖喱鱼蛋</h4>
                          <h5 class="theme_sub_title">味蕾上的绝妙体验</h5>
                        </div>
                      </a>
                    </div>
                    <div class="pic_bottom">
                      <div class="left">
                        <a href="../destination/destination_detail1.html">
                         <span>最新文章</span>
                         <h6 class="title">香港网红打卡美食Top10</h6>
                        </a>
                      </div>
                      <div class="share">
                        <div class="bdsharebuttonbox">
                          <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                          <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                          <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                        </div>
                        <div class="time">2019.2.13更新</div>
                      </div>
                    </div>
                  </li>
                </ul>
                <a href="javascript:void(0);" class="more">点击探索更多城市</a>
              </div>
          </aside>
			  </aside>
			</aside>
			<!--第二个主题点击出现的列表 end-->
		</section>
		<!--第二个主题 end-->
		<!--第三个主题 start-->
		<section class="topic topic3">
		  <div class="topic_main">
		    <img src="../img/topic/topic4.jpg" class="topic_pic" />
		    <div class="topic_text">
          <h3 class="big_title">特色风景</h3>
          <h4 class="small_title">点击图片进行探索</h4>
        </div>
		  </div>
		  <!--第三个主题点击出现的列表 start-->
		  <aside class="index_side index_side2 topic1_side">
		    <h3 class="h3">特色风景</h3>
		    <aside class="maxWidth">
		      <div class="tabList">
            <a href="javscript:void(0);" class="active">特色风景分享</a>
          </div>
          <aside class="tabMain">
            <div class="tab tab1">
              <ul>
                <li>
                  <div class="pic">
                    <a href="../destination/destination_detail1.html">
                      <img src="../img/destination/destination2_1.jpg"/>
                      <div class="theme">
                        <h4 class="theme_title">咖喱鱼蛋</h4>
                        <h5 class="theme_sub_title">味蕾上的绝妙体验</h5>
                      </div>
                    </a>
                  </div>
                  <div class="pic_bottom">
                    <div class="left">
                      <a href="../destination/destination_detail1.html">
                       <span>最新文章</span>
                       <h6 class="title">香港网红打卡美食Top10</h6>
                      </a>
                    </div>
                    <div class="share">
                      <div class="bdsharebuttonbox">
                        <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                        <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                      </div>
                      <div class="time">2019.2.13更新</div>
                    </div>
                  </div>
                </li>
              </ul>
              <a href="javascript:void(0);" class="more">点击探索更多城市</a>
            </div>
          </aside>
		    </aside>
		  </aside>
		  <!--第三个主题点击出现的列表 end-->
		</section>
		
		<!--pc站，新添加的20190831 start-->
		<!--pc站，新添加的20190831 end-->
		<footer class="footer" id="footer">
			<div class="line"></div>
			<aside class="bottom">
				<div class="maxWidth">
					<div class="login"><img src="../img/footer_login.png"/></div>
					<dl class="bottom_submenu">
						<dd><a href="../about/article.html">关于我们</a></dd>
						<dd><a href="../about/operation.html">合作咨询</a></dd>
					</dl>
					<div class="bottom_troduct">
						<div class="left">
							<p>本网站部分图片来自网络，若作者看到，请立即与深游联系。</p>
							<p>Copyright 2017 Onemedia Group. All rights reserved.<br/>@2017 一媒体广告策划（深圳）有限公司·保留所有权<br/>备案号：粤ICP备16101870号-3</p>
						</div>
						<div class="right">
							<span><img src="../img/code_1.jpg"/></span>
							<span><img src="../img/code_2.jpg"/></span>
						</div>
					</div>
				</div>
			</aside>
		</footer>
		<!--右侧固定 start-->
		<section class="rightFixed">
			<ul>
				<li>
					<a class="icon wx_icon"></a>
					<div class="pic wx_pic">
						<img src="../img/code_1.jpg"/>
						<span class="text">扫描二维码<br/>关注公众号</span>
					</div>
				</li>
				<li>
					<a class="icon sina_icon"></a>
				</li>
				<li class="top_icon_li">
					<a class="icon top_icon"></a>
				</li>
			</ul>
		</section>
		<script src="../js/common.js" type="text/javascript"></script>
		<script>
			window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":[],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
		  //点击出现列表
		  $(".topic .topic_main").click(function(){
		  	if($(this).siblings(".topic1_side").css('display')=="none"){
		  		//$(this).siblings(".topic1_side").slideDown().parents(".topic").siblings().find(".topic1_side").slideUp();
		  		$(this).siblings(".topic1_side").slideDown();
		  	}
		    else{
		    	$(this).siblings(".topic1_side").slideUp();
		    }
		  })
		</script>
	</body>
</html>
